<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			div{
				position: absolute;
				top: 100px;
				width: 2000px;
				height: 1000px;
				background: #ccc;
			}
		</style>
	</head>
	<body>
		<h1>获取滚动高度--------只读</h1>
		<p>window.pageYOffset--------不兼容ie9以下</p>
		<p>document.body.scrollTop 和 document.documentElement.scrollTop 在ie9以下的版本，有一个有效，另一个值就为0，所以可以通过取和</p>
		<div>
			
		</div>
	</body>
</html>
<script type="text/javascript">
	window.onscroll = function(){
		console.log(getScroll().y)
	}
	function getScroll(){
		if (window.pageYOffset) {
			console.log('ie9以上')
			return {
				x: window.pageXOffset,
				y: window.pageYOffset
			}
		} else{
			console.log('ie9以下')
			return {
				x: document.body.scrollLeft + document.documentElement.scrollLeft,
				y: document.body.scrollTop + document.documentElement.scrollTop
			}
		}
	}
</script>